

/********************* 自定义可以点击的label ****************************************/

.label-could-click{
    -fx-text-fill: #1e1f22;
    -fx-font-size: 110%;
}

.label-could-click:hover{
    -fx-text-fill: #219bd7;
}

/* 最外圈的一圈颜色 */
#rootPane {
    -fx-background-color: #373a3a;
    -fx-border-color: #373a3a;
}

/* 最左边的竖条颜色 */
#leftbarPane, #leftImagebarPane {
    -fx-background-color: #595757;
}


#USB {
    -fx-background-position: center;
    -fx-background-repeat: no-repeat;
    -fx-background-size: 20px 20px;
    -fx-background-color: transparent;
    -fx-background-image: url("../icon/USB.png");
    -fx-cursor: hand;
    -fx-border-width: 0;


    -fx-pref-width: 30px;   /* 固定宽度 */
    -fx-pref-height: 30px;  /* 固定高度 */
    -fx-min-width: 30px;    /* 最小宽度 */
    -fx-min-height: 30px;   /* 最小高度 */
    -fx-max-width: 30px;    /* 最大宽度 */
    -fx-max-height: 30px;   /* 最大高度 */
}

#USB:hover{
    -fx-background-color: derive(#595D60, 10%);
}

#file {
    -fx-background-position: center;
    -fx-background-repeat: no-repeat;
    -fx-background-size: 20px 20px;
    -fx-background-color: transparent;
    -fx-background-image: url("../icon/file.png");
    -fx-cursor: hand;
    -fx-border-width: 0;


    -fx-pref-width: 30px;   /* 固定宽度 */
    -fx-pref-height: 30px;  /* 固定高度 */
    -fx-min-width: 30px;    /* 最小宽度 */
    -fx-min-height: 30px;   /* 最小高度 */
    -fx-max-width: 30px;    /* 最大宽度 */
    -fx-max-height: 30px;   /* 最大高度 */
}

#file:hover{
    -fx-background-color: derive(#595D60, 10%);
}



#vline {
    -fx-background-position: bottom;
    -fx-background-repeat: no-repeat;
    -fx-background-size: 30px 30px;
    -fx-background-color: transparent;
    -fx-background-image: url("../icon/vline.png");
    -fx-border-width: 0;


    -fx-pref-width: 2px;   /* 固定宽度 */
    -fx-pref-height: 22px;  /* 固定高度 */
    -fx-min-width: 2px;    /* 最小宽度 */
    -fx-min-height: 22px;   /* 最小高度 */
    -fx-max-width: 2px;    /* 最大宽度 */
    -fx-max-height: 22px;   /* 最大高度 */
}